<%--
  Created by IntelliJ IDEA.
  User: 86176
  Date: 2022/2/23
  Time: 13:51
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=basePath%>"/>
    <title>Title</title>
    <!--引入EasyUI的资源-->
    <link rel="stylesheet" type="text/css" href="static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="static/themes/color.css">
    <link rel="stylesheet" type="text/css" href="static/themes/demo.css">
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <script type="text/javascript" src="static/jquery.easyui.min.js"></script>
    <!--声明js代码域-->
    <script type="text/javascript">
        /*******************初始化加载公司信息的DataGrid***************************/
        $(function (){
            //初始化DataGrid
            $("#companyDataGrid").datagrid({
                url:"company/companyInfo",//设置远程加载数据的地址
                pagination:true,//在表格中显示分页工具栏，只有将属性值设置为true，就会发起Ajax分页请求获取要加载的数据
                rownumbers:true,//显示行号
                pageNumber:1,//设置Ajax分页默认页码
                pageSize:2,//设置每页显示的数量
                pageList:[2,4,6],//设置每页数据量下拉框框中的数量
                toolbar:"#companyToolBar",//增加工具栏效果
                title:"查询结果",//显示标题
                checkOnSelect:false,//当用户仅在点击该复选框的时候才会被选中或取消
                columns:[[//设置表格的列以及每列和加载的数据的映射关系
                    {field:"aa",checkbox:true},//每列显示一个多选框的效果
                    {title:"公司名称",field:"cname",width:200},
                    {title:"公司法人",field:"ceo",width:100},
                    {title:"手机号",field:"cphone",width:100},
                    {title:"开通时间",field:"starttime",
                        formatter:function (value,rows,rowIndex) {
                            return value.year+"-"+value.monthValue+"-"+value.dayOfMonth+" "+value.hour+":"+value.minute+":"+value.second
                        }
                    },
                    {title:"订单量",field:"ordernumber",width:100},
                    {title:"账号状态",field:"status",width:100,
                        formatter:function (value, rows, rowIndex) {
                            return value=="1"?"正常":"禁用";
                        }
                    },
                ]]
            })
        })
        /*******************筛选查询公司信息***************************/
        $(function () {
            //给查询按钮增加单机事件
            $("#search").click(function () {
                //dataGrid按照条件重新分页加载主持人信息
                $("#companyDataGrid").datagrid('load',{
                    cname:$("#cname").val(),
                    status:$("#status").val(),
                    ordernumber:$("#ordernumber").val()
                })
            })
        })
        /**********************添加公司*********************/
        $(function () {
            $("#addCompany").click(function () {
                //显示主持人添加页面
                $("#addCompanyDialog").dialog("open")
            })
            //给公司添加的表单按钮添加单机事件
            $("#addCompanyForm").click(function () {
                //发起ajax请求完成主持人增加的请求发送
                $("#companyFrom").form('submit',{
                    url:'company/companyAdd',//请求地址
                    success:function (data) {//回调函数，data为原始的json数据，需要自己使用eval完成数据的转换
                        //使用eval转换data
                        eval("var data="+data);
                        //提示用户
                        if (data.success){
                            $.messager.alert("增加公司信息",data.message,"info");
                            //关闭增加的对话框
                            $("#addCompanyDialog").dialog("close");
                            //重新加载数据
                            $("#companyDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("增加公司信息",data.message,"error");
                        }
                    }
                })
            })
        })
        /**********************编辑公司*********************/
        $(function () {
            //给编辑按钮增加单机事件
            $("#editCompany").click(function () {
                //获取选择的行
                var trs=$("#companyDataGrid").datagrid('getChecked');
                //判断是否选择要修改的行
                if (trs.length==1){
                    var trs=trs[0];
                    //显示表单
                    $("#editCompanyDialog").dialog('open')
                    //回显
                    $("#companyEditFrom").form('load',trs);
                }else if (trs.length>1){
                    $.messager.alert("提示","只能选择一条数据","info")
                }
                else {
                    $.messager.alert("提示","请选择要修改的行","info")
                }
                //异步提交表单
                $("#editFinish").click(function () {
                    $("#companyEditFrom").form('submit',{
                        url:'company/companyEdit',
                        success:function (data) {
                            //转换数据
                            eval("var d="+data);
                            //判断结果
                            if (d.success){
                                $.messager.alert("提示",d.message,"info")
                                //关闭对话框
                                $("#editCompanyDialog").dialog('close');
                                // 刷新数据
                                $("#companyDataGrid").datagrid('reload');
                            }else{
                                $.messager.alert("提示",d.message,"error")
                            }
                        }
                    })
                })
            })
        })
        /*********************策划师列表**********************/
        $(function () {
            //给策划师列表按钮增加单机事件
            $("#plannerList").click(function () {
                //判断是否选择公司
                var tr=$("#companyDataGrid").datagrid('getChecked');
                //判断
                if (tr.length==1){
                    //显示策划师列表信息框
                    $("#plannerCompanyDialog").dialog('open')
                    //初始化策划师的dataGrid，加载策划师列表信息
                    $("#plannerDataGrid").datagrid({
                        url:"planer/planerInfo",//设置远程加载数据的地址
                        title:"查询结果",//显示标题
                        queryParams:{cid:tr[0].cid},//设置Ajax请求参数
                        columns:[[//设置表格的列以及每列和加载的数据的映射关系
                            {title:"策划师姓名",field:"nname",width:100},
                            {title:"策划师手机号",field:"nphone",width:100},
                            {title:"加入时间",field:"addtime",
                                formatter:function (value,rows,rowIndex) {
                                    return value.year+"-"+value.monthValue+"-"+value.dayOfMonth+" "+value.hour+":"+value.minute+":"+value.second
                                }
                            },
                            {title:"策划师状态",field:"status",width:100,
                                formatter:function (value, rows, rowIndex) {
                                    return value=="1"?"正常":"禁用";
                                }
                            },
                            {title:"策划师订单量",field:"ordernumber",width:100}
                        ]]
                    })

                }else if (tr.length>1){
                   $.messager.alert("提示","只能选择一个公司","info")
                }else{
                    $.messager.alert("提示","请选择一个公司","info")
                }
            })
        })
        /*********************公司状态修改**********************/
        $(function () {
            $("#accountStatus").click(function () {
                //获取选择的行
                var trs=$("#companyDataGrid").datagrid('getChecked');
                //判断是否选择要修改的行
                if (trs.length>0){
                    //获取要修改的主持人信息的ID
                    var cids="";
                    //获取要修改的主持人信息的账号的状态
                    var statuss="";
                    for (var i=0;i<trs.length;i++){
                        cids+=trs[i].cid+",";
                        statuss+=trs[i].status+",";
                    }
                    //发起ajax请求完成账号状态的更新
                    $.post("company/companyAccountUp",{cids:cids,statuss:statuss},function (data) {
                        if (data.success){
                            $.messager.alert("提示","修改成功","info");
                            //重新加载数据
                            $("#companyDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("提示","修改失败","error")
                        }
                    })
                }else {
                    $.messager.alert("提示","请选择要修改的公司","info")
                }
            })
        })
    </script>
</head>
<body>
    <!--编辑公司策划师的对话框-->
    <div id="plannerCompanyDialog" class="easyui-dialog" title="策划师列表" style="width:600px;height:400px;"
         data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
        <!--创建策划师列表信息加载的DataGrid组件-->
        <table id="plannerDataGrid"></table>
    </div>
    <!--编辑信息的对话框-->
    <div id="editCompanyDialog" class="easyui-dialog" title="编辑公司" style="width:400px;height:390px;"
         data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
        <!--创建主持人增加表单-->
        <form id="companyEditFrom" method="post">
            <input type="hidden" id="cid_edit" name="cid" value="">
            <!--公司名称-->
            <div style="margin-bottom:20px;margin-top: 25px;text-align: center">
                <input id="cname_edit" class="easyui-textbox" name="cname" prompt="请输入公司名称" label="公司名称:" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--账号密码-->
            <div style="margin-bottom:20px;text-align: center">
                <input  id="cpwd_edit" class="easyui-passwordbox" name="cpwd" prompt="请输入账号密码" label="公司密码:" iconWidth="28" style="width:300px;height:34px;padding:10px">
            </div>
            <!--公司法人-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="ceo_edit" class="easyui-textbox" name="ceo" prompt="请输入公司法人" label="公司法人:" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--公司座机-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="cphone_edit" class="easyui-textbox" name="cphone" prompt="请输入公司座机" label="公司座机:" iconWidth="28" style="width:300px;height:34px;padding:10px">
            </div>
            <!--公司邮箱-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="cmail_edit" class="easyui-textbox" name="cmail" prompt="请输入公司邮箱" label="公司邮箱:" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--操作按钮-->
            <div style="margin-bottom: 20px;text-align: center">
                <a href="javascript:void(0)" id="editFinish" class="easyui-linkbutton c3" style="width:120px">完成编辑</a>
            </div>
        </form>
    </div>
    <!--创建增加主持人信息的对话框-->
    <div id="addCompanyDialog" class="easyui-dialog" title="New Company" style="width:400px;height:390px;"
         data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
        <!--创建主持人增加表单-->
        <form id="companyFrom" method="post">
            <!--公司名称-->
            <div style="margin-bottom:20px;margin-top: 25px;text-align: center">
                <input class="easyui-textbox" name="cname" prompt="请输入公司名称" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--账号密码-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="" class="easyui-passwordbox" name="cpwd" prompt="请输入账号密码" iconWidth="28" style="width:300px;height:34px;padding:10px">
            </div>
            <!--公司法人-->
            <div style="margin-bottom:20px;text-align: center">
                <input class="easyui-textbox" name="ceo" prompt="请输入公司法人" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--公司座机-->
            <div style="margin-bottom:20px;text-align: center">
                <input id="pass" class="easyui-textbox" name="cphone" prompt="请输入公司座机" iconWidth="28" style="width:300px;height:34px;padding:10px">
            </div>
            <!--公司邮箱-->
            <div style="margin-bottom:20px;text-align: center">
                <input class="easyui-textbox" name="cmail" prompt="请输入公司邮箱" iconWidth="28" style="width:300px;height:34px;padding:10px;">
            </div>
            <!--操作按钮-->
            <div style="margin-bottom: 20px;text-align: center">
                <a href="javascript:void(0)" id="addCompanyForm" class="easyui-linkbutton c3" style="width:120px">完成添加</a>
            </div>
        </form>
    </div>
    <!--创建公司管理面板组件-->
    <div id="p" class="easyui-panel" title="公司管理"
         style="width:900px;height:500px;padding:10px;background:#fafafa;"
         data-options="iconCls:'icon-save',closable:false,
         collapsible:false,minimizable:false,maximizable:false">
        <!--创建检索条件-->
        <div style="margin: auto;width: 700px;">
            <!--创建检索条件表单-->
            <form action="">
                <input class="easyui-textbox" prompt="公司名称" id="cname" name="cname" style="width:150px"><!--姓名条件-->
                <select class="easyui-combobox" data-options="editable:false,panelHeight:100,value:'账号状态'" id="status" name="status" style="width: 150px"><!--账号状态条件-->
                    <option value="0">禁用</option>
                    <option value="1">正常</option>
                </select>
                <select class="easyui-combobox" data-options="editable:false,panelHeight:100,value:'订单排序'" id="ordernumber" name="ordernumber" style="width: 150px"><!--权重状态条件-->
                    <option value="asc">升序</option>
                    <option value="desc">降序</option>
                </select>
                <a id="search" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:false">查询</a>
            </form>
        </div>
        <!--创建主持人信息加载的DataGrid组件-->
        <table id="companyDataGrid"></table>
    </div>
    <!--创建公司DataGrid的工具栏-->
    <div id="companyToolBar">
        <a id="addCompany" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加公司</a>
        <a id="editCompany" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">编辑公司</a>
        <a id="plannerList" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">策划师列表</a>
        <a id="accountStatus" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">账号状态</a>
    </div>
</body>
</html>
